<!DOCTYPE html>
<html>
<head>
<title>Aenigmates</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="../favicon.ico" />
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="../header/header.css" />
<link href="menu.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

<!-- Google Analyticss -->
<script>
	/*(function(i, s, o, g, r, a, m) {
		i['GoogleAnalyticsObject'] = r;
		i[r] = i[r] || function() {
			(i[r].q = i[r].q || []).push(arguments)
		}, i[r].l = 1 * new Date();
		a = s.createElement(o), m = s.getElementsByTagName(o)[0];
		a.async = 1;
		a.src = g;
		m.parentNode.insertBefore(a, m)
	})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

	ga('create', 'UA-47002472-1', 'aenigmates.it');
	ga('send', 'pageview');*/
</script>

</head>
<body>
	<div class="container">
		<nav class="navbar aenigma-header" role="navigation">
			<div class="aenigma-header-left">
				<table>
					<tr>
						<td><a href="../index.html"><img alt="AEnigmates" src="../back.png" class="img-responsive back"></a></td>
						<td><a href="../index.html"><img alt="AEnigmates" src="../logo_aenigmates.jpg"
								class="img-responsive logo"></a></td>
					</tr>
				</table>
			</div>
			<div class=" aenigma-header-right">
				<div class="dashed  dashed-top"></div>
				<div class="aenigma-title">Level menu</div>
				<div class="aenigma-level">
					<span id="numCompleted">0</span> completed
				</div>
				<div class="dashed"></div>
			</div>
			<div class="clear"></div>
			<hr />
		</nav>

		<a id="template" style="display: none;" href="href" class="list-group-item col-md-6">X. title</a>

		<div class="aenigmates-menu"></div>

	</div>
	<!-- /container -->

	<script src="../jquery/jquery-2.0.3.min.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>
	<script src="../storage/jquery.json-2.4.min.js"></script>
	<script src="../storage/jstorage.min.js"></script>
	<script src="../storage/aestorage.js"></script>
	<script src="menu.js"></script>

	<script type="text/javascript">
		$(function() {
			new MenuLoader(new MenuView($('.aenigmates-menu'), $('#numCompleted'))).load();
		});
	</script>
</body>
</html>